
<!doctype html>
<html style="height:100%;">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport"
          content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,minimal-ui"/>
    <link href="/uploads/145620041535888.png" type="image/x-icon" rel=icon>
    <title>代码详情
    </title>

    <link href="http://www.qlcoder.com//css/bootstrap.min.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/bootstrap-theme.css" rel="stylesheet">
    <link href="http://www.qlcoder.com//css/base.css" rel="stylesheet">
    <link rel="stylesheet" href="http://www.qlcoder.com//font/iconfont.css">
</head>
<body class="html-margin">
<div class="q_warp" style="min-height:100%;margin-bottom:-60px;">
    <nav class="nav">
        <!--<div style="width:8.33%;height: 50px;float: left;"></div>-->
        <div class="container-fluid"><!--fluid-->
            <div class="pull-left">
                <a class="" href="/home" style="display: inline-block;"><img src="/img/ql_logo1.png"> </a>
            </div>
            <div class="pull-left nav-list">
                <ul class="" style="padding:0;">
                    <li class=""><a href="/home"><span color="gray"
                                                       style="font-size:15px;">技能树</span>
                    </a></li>
                    <li class=""><a
                            href="/contests/detail"><span color="gray" style="font-size:15px;">赛码会<i class="new">new</i></span></a></li>
                    <li class=""><a href="/article/all"><span color="gray"
                                                              style="font-size:15px;">文章</span></a>
                    </li>
                    <li class=""><a href="/rank"><span color="gray"
                                                       style="font-size:15px;">排行榜</span></a>
                    </li>
                    <li class=""><a href="/help"><span color="gray"
                                                       style="font-size:15px;">帮助中心</span></a>
                    </li>
                    <li class=""><a href="/review/index"><span color="gray"
                                                               style="font-size:15px;">审核</span></a>
                    </li>
                    <!-- <li class=""><a href="/help#opinion"><span color="gray" style="font-size:15px;">意见反馈<span></span></span></a></li> -->
                </ul>
            </div>
            <div class="pull-right ">
                <ul class="avator pull-right">
                    <li class="dropdown">
                        <a class="dropdown-toggle pull-left" data-toggle="dropdown"
                           role="button" aria-haspopup="true" aria-expanded="false">
                            <img style="max-width:100px; margin-top: -20px;margin-bottom: -15px;margin-right: 10px;"
                                 src="/system/App/User/avatars/000/000/347/thumb/2000.gif" class="img-circle" alt="cinque terre"
                                 width="30" height="30">

                            <!--<span class="badge s_tip">4</span>-->
                            &nbsp;&nbsp;<span color="gray" style="font-size:15px;">端着木鱼敲代码&nbsp;</span>
                            <span class="caret"></span>
                        </a>
                        <!--<span class="badge s_tip">4</span>-->
                        <ul class="dropdown-menu ">
                            <li><a href="/profile/792c"
                                   target="_blank"><i class="iconfont">&#xe612;</i>我的主页</a></li>
                            <li><a href="/u/update" target="_blank"><i class="iconfont">&#xe603;</i>设置</a>
                            </li>
                            <li><a href="/imglib" target="_blank"><i class="iconfont">&#xe61b;</i>图片库</a>
                            </li>
                            <li><a href="/inbox" target="_blank"><i class="iconfont">&#xe607;</i>私信
                            </a></li>
                            <!--<li role="separator" class="divider"></li>-->
                            <li><a href="/logout" target="_blank"><i class="iconfont">
                                &#xe613;</i>退出</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>

    </nav>
    <!-- Bootstrap FAQ - END -->
    <div class="contain">
        <div class="statistics success">
            <h3 class="fl" style="width:500px;">Source Statistics</h3>
            <h3 class="fl col-md-4">User Evaluated</h3>

            <div id="chart" style="width:500px;height:400px;" class="fl"></div>

            <div class="statistics-list col-md-6">

                <textarea name="" id="" style="width:100%;min-height: 400px;outline: none;resize:none;"></textarea>
            </div>
        </div>
        <div class="clearfix"></div>

    </div>



<div style="height:60px;"></div>
</div>
<!-- Footer -->
<footer>
    <p>©2016 千里码 浙ICP备15038807号-1 联系我们:oreo@qlcoder.com
    </p>
</footer>
</body>
<script src="http://www.qlcoder.com/js/jquery.min.js"></script>
<script src="http://www.qlcoder.com/js/bootstrap.min.js"></script>
<script src="http://www.qlcoder.com/js/base.js"></script>
<script src="http://www.qlcoder.com/js/echarts.js"></script>
<script>

    var myChart = echarts.init(document.getElementById('chart'));
    option = {

        tooltip : {
            trigger: 'axis'
        },
        legend: {
            x : 'center',
            data:['我','redis','leveldb']
        },
        calculable : true,
        polar : [
            {
                indicator : [
                    {text : 'QPS', min  : 0},
                    {text : 'TPS', min  : 0},
                    {text : 'Memory', min  : 0},
                    {text : 'Disk Read', min  : 0},
                    {text : 'Disk Write', min  : 0}
                ],
                radius : 130
            }
        ],
        series : [
            {
                name: 'compare',
                type: 'radar',
                itemStyle: {
                    normal: {
                        areaStyle: {
                            type: 'default'
                        }
                    }
                },
                data : [
                    {
                        value : [88, 75, 80, 82, 70, 80],
                        name : 'redis'
                    },
                    {
                        value : [82, 70, 78, 69, 80, 88],
                        name : 'leveldb'
                    },
                    {
                        value : [2569, 337, 99, 65, 66],
                        name : '我'
                    }
                ]
            }
        ]
    };

    myChart.setOption(option);
</script>
</html>


